html,body{height:100%}
.shadow-cover{background:rgba(0,0,0,0.1);left:0;top:0;width:100%;height:100%}
.login-content{width:346px;height:500px;left:50%;margin-left:-173px;top:260px}
.login-input-box{width:100%;height:60px;border:1px solid #E0E2E5;border-radius:5px;background-size:8%}
.username-box{background:url('../../images/login-username.png') no-repeat 14px center;width:100%;height:40px;border:1px solid #E0E2E5;border-radius:5px;background-size:8%}
.password-box{background:url('../../images/login-password.png') no-repeat 14px center;width:100%;height:40px;border:1px solid #E0E2E5;border-radius:5px;background-size:8%}
.login-input{width:84%;height:100%;right:0;top:0;border:0;border-left:1px solid #E0E2E5;padding:10px 20px;font-size:16px;color:#808080}
.login-input::-webkit-input-placeholder{color:#E0E2E5;font-size:16px}
.login-btn{width:100%;color:#FFF;background:#4684fb;display:block;font-size:18px;border:0;height:40px;line-height:40px;border-radius:5px;margin-top:20px;box-shadow:0 6px 14px rgba(70,132,251,0.3)}
.all-rights{color:#4684fb;bottom:0;left:10px}
.slogan-box{color:#FFF;left:550px;bottom:200px}
.slogan-title{font-size:40px}
.slogan-title2{margin-top:10px;font-size:14px;color:gainsboro}
.login-bg2{background:url('../../images/hehe6.jpg') no-repeat center top; background-size:cover;}
.login-box2{width:400px;height:420px;background-color:#FFF;left:0;top:0;right:0;bottom:0;margin:auto;border-radius:6px;padding:20px;box-shadow:0 0 30px #4c4b4b}
.login-field2{border:0;border-top:1px solid #3a95d4;font-size:14px}.login-field2 legend{color:#3a95d4}
.haha-box{width:100%;margin-top:40px;color:#c7c7c7}
#scene{position:relative;transform:translate3d(0, 0, 0);transform-style:preserve-3d;backface-visibility:hidden}
#scene span{display:inline-block;position:relative}
.layer1{left:105px;top:188px}
.layer img{position:relative;display:inline-block;left:0px;top:0px;transform:translate3d(26.37px, -12.57px, 0);transform-style:preserve-3d;backface-visibility:hidden}
.layer2{left:-6px;top:102px}
.layer3{left:425px;top:20px}
.layer4{left:422px;top:33px}
.layer5{left:1070px;top:660px}
.layer6{left:1055px;top:672px}
.layer7{left:1395px;top:305px}
.layer8{left:1395px;top:322px}
.layer9{left:-145px;top:700px}
.layer10{left:1630px;top:535px}
.layer11{left:1610px;top:-5px}
.layer12{left:180px;top:300px}
.layer13{left:360px;top:730px}
.layer14{left:1540px;top:650px}
.layer15{left:1296px;top:108px}
.layer16{left:0;top:560px}
.layer17{left:42px;top:670px}
.layer18{left:1300px;top:598px}
/*! * * * * * * * * * * * * * * * * * * * *\
  CSShake :: shake-horizontal
  v1.5.0
  CSS classes to move your DOM
  (c) 2015 @elrumordelaluz
  http://elrumordelaluz.github.io/csshake/
  Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */
.shake-horizontal {
  display: inherit;
  transform-origin: center center; }

.shake-freeze,
.shake-constant.shake-constant--hover:hover,
.shake-trigger:hover .shake-constant.shake-constant--hover {
  animation-play-state: paused; }

.shake-freeze:hover,
.shake-trigger:hover .shake-freeze, .shake-horizontal:hover,
.shake-trigger:hover .shake-horizontal {
  animation-play-state: running; }

@keyframes shake-horizontal {
  2% {
    transform: translate(-5px, 0) rotate(0); }
  4% {
    transform: translate(-5px, 0) rotate(0); }
  6% {
    transform: translate(3px, 0) rotate(0); }
  8% {
    transform: translate(1px, 0) rotate(0); }
  10% {
    transform: translate(10px, 0) rotate(0); }
  12% {
    transform: translate(6px, 0) rotate(0); }
  14% {
    transform: translate(-2px, 0) rotate(0); }
  16% {
    transform: translate(5px, 0) rotate(0); }
  18% {
    transform: translate(7px, 0) rotate(0); }
  20% {
    transform: translate(3px, 0) rotate(0); }
  22% {
    transform: translate(-1px, 0) rotate(0); }
  24% {
    transform: translate(-7px, 0) rotate(0); }
  26% {
    transform: translate(1px, 0) rotate(0); }
  28% {
    transform: translate(6px, 0) rotate(0); }
  30% {
    transform: translate(10px, 0) rotate(0); }
  32% {
    transform: translate(6px, 0) rotate(0); }
  34% {
    transform: translate(5px, 0) rotate(0); }
  36% {
    transform: translate(-1px, 0) rotate(0); }
  38% {
    transform: translate(1px, 0) rotate(0); }
  40% {
    transform: translate(-9px, 0) rotate(0); }
  42% {
    transform: translate(5px, 0) rotate(0); }
  44% {
    transform: translate(-9px, 0) rotate(0); }
  46% {
    transform: translate(4px, 0) rotate(0); }
  48% {
    transform: translate(0px, 0) rotate(0); }
  50% {
    transform: translate(-7px, 0) rotate(0); }
  52% {
    transform: translate(8px, 0) rotate(0); }
  54% {
    transform: translate(7px, 0) rotate(0); }
  56% {
    transform: translate(9px, 0) rotate(0); }
  58% {
    transform: translate(10px, 0) rotate(0); }
  60% {
    transform: translate(-6px, 0) rotate(0); }
  62% {
    transform: translate(8px, 0) rotate(0); }
  64% {
    transform: translate(8px, 0) rotate(0); }
  66% {
    transform: translate(-9px, 0) rotate(0); }
  68% {
    transform: translate(-2px, 0) rotate(0); }
  70% {
    transform: translate(-8px, 0) rotate(0); }
  72% {
    transform: translate(4px, 0) rotate(0); }
  74% {
    transform: translate(4px, 0) rotate(0); }
  76% {
    transform: translate(-9px, 0) rotate(0); }
  78% {
    transform: translate(-9px, 0) rotate(0); }
  80% {
    transform: translate(7px, 0) rotate(0); }
  82% {
    transform: translate(-5px, 0) rotate(0); }
  84% {
    transform: translate(-5px, 0) rotate(0); }
  86% {
    transform: translate(4px, 0) rotate(0); }
  88% {
    transform: translate(9px, 0) rotate(0); }
  90% {
    transform: translate(-6px, 0) rotate(0); }
  92% {
    transform: translate(2px, 0) rotate(0); }
  94% {
    transform: translate(8px, 0) rotate(0); }
  96% {
    transform: translate(-1px, 0) rotate(0); }
  98% {
    transform: translate(-3px, 0) rotate(0); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-horizontal:hover,
.shake-trigger:hover .shake-horizontal, .shake-horizontal.shake-freeze, .shake-horizontal.shake-constant {
  animation-name: shake-horizontal;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }